/*注：include-foot.html复杂版草料页脚 和 include-foot-second.html简洁版草料页脚 都引用这个css文件*/

  .cli_foot .clearfix:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
  }
  .cli_foot .clearfix{
    zoom:1;
  }

/*复杂版页脚*/
  .cli_foot {
    position:relative;
    bottom:0px;
    background:#f8f8f8;
    min-width:1000px;
    box-sizing: content-box;
  }
  .cli_foot a:hover{
    text-decoration:none;
    color:#666666;
  }
  .cli_foot .foot{
    padding: 80px 0 38px;
    width:1000px;
    margin:0 auto;
  }
  @media only screen and (max-width: 991px) {
    .cli_foot {
      min-width: 100%;
    }
    .cli_foot .foot {
      width: 100%;
    }
  }
  .cli_foot .dl_layout{
    width:200px;
    float: left;
    padding-left:30px;
  }
  .cli_foot .dl_layout:first-child{
    padding-left: 0px;
    margin-left:15px;
  }
  .cli_foot .dl_layout dt{
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    font-weight: normal;
  }
  .cli_foot .dl_layout dd{
    font-size: 12px;
    margin: 10px 0px;
    color:#f2f3f5;
  }
  .cli_foot .dl_layout dd span {
    color: #999;
  }
  .cli_foot .dl_layout dd label {
    width: 70px;
    display: inline-block;
    padding-right: 10px;
  }
  .cli_foot .dl_layout dd a{
    color: #999;
    cursor: pointer;
    font-size: 12px;
  }
  .cli_foot .dl_layout dd a:hover {
    color: #38B566;
  }
  .cli_foot .dl_layout dd a.open_qq_btn:hover {
    color: #999;
  }
  .cli_foot .dl_contact {
    width: 260px !important;
  }
  .cli_foot .dl_contact .open_qq {
    margin-left: 80px;
    margin-top: 5px;
    opacity: 0;
    filter:alpha(opacity=00);
  }
  .cli_foot .dl_weixin{
    text-align: center;
    padding-left: 60px;
    }
    .cli_foot .dl_weixin img{
      width: 72px;
      border-radius:5px;
    }
    .cli_foot .dl_weixin p{
      color: #bbb;
      text-align:center;
      margin-top:10px;
      font-size: 12px;
      letter-spacing:1px;
    }

@media only screen and (min-width: 680px) and (max-width:1000px) {
  .cli_foot .dl_layout {
    width: 24% !important;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 480px) and (max-width:680px) {
  .cli_foot .dl_layout {
    width: 50% !important;
    box-sizing: border-box;
    padding: 0 20px !important;
    margin: 0 0 20px 0 !important;
  }
  .cli_foot .dl_weixin {
    text-align: left;
  }
  .cli_foot .dl_weixin p {
    text-align: left;
  }
}
@media only screen and (min-width: 260px) and (max-width:480px) {
  .cli_foot .dl_layout {
    width: 100% !important;
    box-sizing: border-box;
    padding: 0 20px !important;
    margin: 0 0 20px 0 !important;
  }
  .cli_foot .dl_weixin {
    text-align: left;
  }
  .cli_foot .dl_weixin p {
    text-align: left;
  }
}

  /* copyright */
  .copyright{
    *padding-top:20px;
    line-height: 30px;
    color: #bbb;
    font-size: 12px;

  }
  .copyright-inner {
    width: 1000px;
    margin: auto;
    border-top: 1px solid #eee;
    padding: 15px 0;
    color: #bbb;
  }
  @media only screen and (max-width: 991px) {
    .copyright-inner {
      width: 100%;
      height: 160px;
    }
  }
  .copyright a { color: #bbb;}
  .copyright a:hover { color: #38B566;}

  /*foot qq*/
  .cli_foot .qq_show{
    position:relative;
  }
  .cli_foot .qq_list{
    display:none;
    width:180px;
    position:absolute;
    left:0px;
    bottom: -20px;
    color:#333;
    border-radius:4px;
    background-color:#fff;
    padding:5px 10px;
    z-index:999999;
    margin-left:75px;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
  }
  .cli_foot .qq_list li{
    font-size:12px;
    text-align:left;
    margin:10px 0px;
  }

/*简洁版页脚*/
  .cli_foot.foot_second {
    text-align: center;
    padding-top: 20px;
    font-size: 12px;
    background-color: #f8f8f8;
  }
  .cli_foot.foot_second .foot_second_link {
    width: 1000px;
    margin: auto;
  }
  @media only screen and (max-width: 991px) {
    .cli_foot.foot_second .foot_second_link {
      width: 100%;
    }
  }
  .cli_foot.foot_second .foot_second_link a {
    color: #666;
    margin: 0 20px;
  }
  .cli_foot.foot_second .foot_second_link a:hover {
    color: #38B566;
  }
  .cli_foot.foot_second .copyright {
    border-top: 0;
    padding: 10px 0;
  }
